<template>
        <div class="GrandChild">
                <h3>孙子组件</h3>
                <h4>a:{{ a }}</h4>
                <h4>b:{{ b }}</h4>
                <h4>c:{{ c }}</h4>
                <h4>x:{{ x }}</h4>
                <h4>y:{{ y }}</h4>
                <button @click="updateA(666)">点我更新</button>
        </div>
</template>
<script setup lang="ts">
defineProps(['a','b','c','x','y','updateA'])
</script>
<style scoped>
.GrandChild {
        background-color: rgb(62, 142, 222);
        padding: 10px;
        box-shadow: 0 0 10px black;
        border-radius: 10px;
        margin-top: 20px;
}
</style>